<script setup>
import {computed,ref} from 'vue'
let app=ref(0);
 
 let fun=computed(()=>{
    return app.value*7.2909
 })
</script>
<template>
           <div class="box">
            <h1>汇率计算</h1>
            <span>美元</span><input type="text" v-model="app">≈≈<span>{{ fun }} 人民币</span>
        </div>
</template>
<style scoped>
.box{
    display: flex;
    flex-direction:column;
}
       input{
            width: 50px;
            height: 50px;
        }
</style>